<%@ taglib uri="/struts-tags" prefix="s"%>

<script type="text/javascript">
var oTableGrilla;

	$(document).ready(function() {
		
		oTableGrilla = $('#tbGrillaArticulos').dataTable({
			"bJQueryUI": true,
			"sPaginationType" : "full_numbers",
			"bFilter" : false,
			"bProcessing": true,
			"bRetrieve":true,
			"fnDrawCallback": function(oSettings){
			  $('table#tbGrillaArticulos td').bind('mouseenter', function () {
				   $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
			  $('table#tbGrillaArticulos td').bind('mouseleave', function () { 
			  	   $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
				   
			},
			"sAjaxSource": "/SolucionPresentacionWeb/articulos/obtener-articulos-grilla.action",
			"aoColumns" : 
				[ 
				{"mData" : "codigoArticulo"}, 
				{"mData" : "descripArticulo"},
				{"mData" : "cantidadArticulo"},
				{"mData" : "precio"},
				{"mData" : "subTotal"},
				{"mData" : "fechaVencimiento"},
				{"mData" : "cantidadAfectada"},
				{"mData" : "descripIncidencia"}
				]
		
		});
		
		$('#tbGrillaArticulos tbody tr').live('click', function(e) {
			
			if ($(this).hasClass('row_selected')) {
				$(this).removeClass('row_selected');
			} else {
				oTableGrilla.$('tr.row_selected').removeClass('row_selected');
				$(this).addClass('row_selected');
			}
			
			var nTds = $('td', this);
			
			$("#codigoArticulo").val($(nTds[0]).text());
			
			$("#fechaVencimiento").val($(nTds[5]).text());
			
			$("#cantidadAfectada").val($(nTds[6]).text());
			
			$("#descripIncidencia").val($(nTds[7]).text());
			//$("#h_descripArticulo").val(descrip);
			//alert(id);
		});
		
	    
		$("#fechaVencimiento,#fechaInicioTraslado").datepicker({
			defaultDate: "+1w",
			dateFormat : "dd-mm-yy",
			changeMonth: true,
			changeYear: true
		});
		
			   		
	});
	
	function refrescarGrilla() {
		oTableGrilla.fnReloadAjax();
	}
	function guardarArticulo(){
				
		parametros = {
				"articulo.codigoArticulo": $('#codigoArticulo').val(),
				"articulo.fechaVencimiento": $('#fechaVencimiento').val(),
				"articulo.cantidadAfectada": $('#cantidadAfectada').val(),
				"articulo.descripIncidencia": $('#descripIncidencia').val()
			 };
		
	
		$.getJSON("/SolucionPresentacionWeb/articulos/modificar-articulo-grilla.action", parametros, function(json){
			if(json.estadoOperacion == "success"){
				refrescarGrilla();
			}else{
				
				alert(json.mensajeEstado);
				
			}
			
		});
	}
	
	function obtenerOrdenCompra(){
		
		parametros = {
				"numeroOrdenCompra": $('#numeroOrdenCompra').val()
			 };
		
	
		$.getJSON("/SolucionPresentacionWeb/compras/obtener-orden-compra.action", parametros, function(json){
			if(json.numeroOrdenCompra != "-1"){
				
				$("#nombreProveedor").val(json.nombreProveedor);
				$("#numeroRuc").val(json.numeroRuc);
				$('#nombreProveedor').attr('readonly', true);
				
				refrescarGrilla();
			}else{
				$("#nombreProveedor").val("");
				$("#numeroRuc").val("");
				refrescarGrilla();
				alert("Error: No se encontro la orden de compra, Ingrese otra.");
			}
			
		});
	}
	
	function validarForm(){
		document.formGrabarOrdenCompra.submit();
	}
	
</script>
<br />
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Registrar Guia Remision</a></li>
	</ul>
	<div id="tabs-1">

<s:form action="grabar-guias-remision" namespace="/compras">

		<table width="100%" border="0" cellspacing="1" cellpadding="3"
			id="formtb" bgcolor="#bcb9a7">
			<tr>
				<td colspan="2"><strong>Orden de Compra</strong></td>
			</tr>
			<tr>
				<td>Orden Compra</td>
				<td><input name="numeroOrdenCompra" type="text"
					id="numeroOrdenCompra" /> <input type="button"
					value="Buscar Orden Compra" class="button"
					onclick="obtenerOrdenCompra()" /></td>
			</tr>
			<tr>
				<td>Proveedor</td>
				<td><input name="nombreProveedor" type="text"
					id="nombreProveedor" size="70" readonly="readonly" /></td>
			</tr>
			<tr>
				<td>Numero ruc</td>
				<td><input name="numeroRuc" type="text" id="numeroRuc"
					size="20" readonly="readonly" /></td>
			</tr>
			<tr>
				<td colspan="2"><strong>Guia Remision</strong></td>
			</tr>
			<tr>
				<td width="21%">Numero Guia Remision</td>
				<td width="79%"><input name="numeroGuiaRemision" id="numeroGuiaRemision" type="text" /></td>
			</tr>

			<tr>
				<td>Fecha Inicio Traslado</td>
				<td><input name="fechaInicioTraslado" id="fechaInicioTraslado" type="text"/></td>
			</tr>

			<tr>
				<td colspan="2"><strong>Detalle</strong></td>
			</tr>
			<tr>
				<td>Codigo Articulo</td>
				<td><input type="text" name="codigoArticulo" id="codigoArticulo" readonly="readonly"/></td>
			</tr>
			<tr>
				<td>Fecha vencimiento</td>
				<td><input type="text" name="fechaVencimiento" id="fechaVencimiento" /></td>
			</tr>

			<tr>
				<td>Cantidad afectada</td>
				<td><input type="text" name="cantidadAfectada" id="cantidadAfectada" /></td>
			</tr>
			<tr>
				<td>Descripcion Incidencia</td>
				<td><textarea name="descripIncidencia" id="descripIncidencia" rows="3" cols="70"></textarea></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><input type="button" value="Guardar" class="button" onclick="guardarArticulo()" /></td>
			</tr>
			<tr>
				<td colspan="2">

					<table cellpadding="0" cellspacing="0" border="0" class="display"
						id="tbGrillaArticulos">
						<thead>
							<tr>
								<th>Codigo Articulo</th>
								<th>Descripcion Articulo</th>
								<th>Cantidad</th>
								<th>Precio Compra</th>
								<th>SubTotal</th>
								<th>Fecha vencimiento</th>
								<th>Cantidad Afectada</th>
								<th>Descripcion Incidencia</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit"
					value="Grabar Guia Remision" class="button" /> <input
					type="button" value="Cancelar" class="button" /></td>
			</tr>
		</table>

</s:form>


	</div>

</div>


